@media(max-width:1600px) {
	.info-office {
		padding: 0;
	}
}

@media(min-width:991px) {
	header .ownmenu {
		display: block!important;
	}
}

@media(min-width:1200px) and(max-width:1400px) {
	.latest-work .col-4 .item.filter-home {
		width: 100%;
	}
	.latest-work .col-4 .item.filter-home li {
		display: inline-block;
		width: auto;
	}
	.latest-work .col-4 .item.filter-home li a {
		padding: 0 10px;
		margin-top: -2px;
	}
	.latest-work .position-center-center {
		width: 100%;
		text-align: center;
	}
	.latest-work .filter {
		min-height: auto;
		height: 80px;
	}
	.fst-up {
		margin-top: 0;
	}
}

@media(max-width:1024px) {
	.fst-up {
		margin-top: -100px;
	}
	.sub-space {
		padding-left: 0;
	}
	.solution,
	.services {
		min-height: 600px;
	}
	.solution .icon,
	.services .icon {
		margin-top: 260px;
		font-size: 40px;
	}
	.solution .i_con,
	.services .i_con {
		font-size: 26px;
	}
	.client .row dl {
		padding: 60px 0;
	}
	.client .row dl dd span {
		display: none;
	}
	.client .row .col-md-1 {
		display: none;
	}
	.operation .row .icon .col-md-4,
	.platform .row .icon .col-md-4 {
		padding: 10px;
	}
	.operation .row .icon .col-md-4 dl,
	.platform .row .icon .col-md-4 dl {
		width: 72%;
	}
	.operation .row .icon .col-md-4 dl dd,
	.platform .row .icon .col-md-4 dl dd {
		font-size: 12px;
	}
	.facts-conter dd {
		width: 70%;
	}
	.cooper .container .col-md-12 .col-md-3 {
		width: 25%;
	}
	.cooper .container .col-md-12 .col-md-3 img {
		width: 100%;
	}
}

@media(min-width:992px) and(max-width:1199px) {
	.top-info-con ul li {
		width: 27%;
	}
	.fst-up {
		margin-top: 0;
	}
	.top-info-con ul li {
		float: left;
	}
	.top-info-con {
		width: 67%;
	}
	header .logo:after {
		right: -100px;
	}
	header .search-nav ul.dropdown {
		width: 100%!important;
	}
	.header-style-2.header-style-3 .logo {
		margin: 20px 0;
		width: 100%;
		text-align: center;
	}
	.header-style-2.header-style-3 nav {
		margin-top: 20px;
	}
	.header-style-2.header-style-3 nav {
		width: 100%;
	}
	.promo-block .promo-text {
		padding-right: 20px;
	}
	.contact.style-2 .contact-right {
		padding-right: 15px;
		padding-left: 15px!important;
	}
	.services {
		padding-left: 0;
	}
	.latest-work .col-4 .item.filter-home {
		width: 100%;
	}
	.latest-work .col-4 .item.filter-home li {
		display: inline-block;
		width: auto;
	}
	.latest-work .col-4 .item.filter-home li a {
		padding: 0 10px;
		margin-top: -2px;
	}
	.latest-work .position-center-center {
		width: 100%;
		text-align: center;
	}
	.latest-work .filter {
		min-height: auto;
		height: 80px;
	}
	.offer-services li {
		width: 33.333%;
	}
	.offer-services li .position-center-center {
		width: 100%;
	}
	.counter ul li {
		width: 50%;
		margin-bottom: 30px;
	}
	.req-quote .col-md-6.pull-right {
		width: 100%;
	}
	.gallery .col-6 li {
		width: 33.3333%;
	}
	.gallery .col-6 li img {
		width: 100%;
	}
	header .navbar li {
		margin: 0 15px;
	}
	header.header-1 .logo {
		margin-top: 20px;
	}
	header.header-1 .ownmenu {
		float: left;
	}
	.header-normal .navbar {
		padding-left: 50px;
	}
	.operation .col-md-12 img,
	.platform .col-md-12 img,
	{
		width: 100%;
	}
}

@media(min-width:769px) and(max-width:991px) {
	.header-normal .logo {
		width: auto;
		left: 0;
	}
	.heading.text-left .message dl {
		margin: 30px 20px 0 5px;
		font-size: 18px;
	}
	.heading.text-left .message dl img {
		width: 35px;
		height: 35px;
	}
	.heading.text-left .message dl dd:nth-of-type(2) {
		float: left;
	}
	.top-right ul li {
		float: left;
		display: inline-block;
		margin-left: 10px;
		padding-right: 10px;
	}
	.header-normal .navbar {
		padding-right: 0;
		float: right;
	}
	.we-offer li {
		float: left;
		width: 50%;
	}
	.build-feature .col-md-3 {
		width: 50%;
		float: left;
	}
	.top-info-con {
		width: 100%;
		margin-bottom: 20px;
	}
	header {
		margin-top: 0;
	}
	.header-normal .social_icons {
		position: absolute;
		left: 15px;
		float: left;
		width: 120px;
	}
	.header-normal .sticky-wrapper.is-sticky .sticky .menu-toggle {
		top: -54px;
	}
	.sock.text-right {
		position: relative;
		top: 50px;
		text-align: right;
	}
	.socket img {
		width: 100%;
		margin-top: 30px;
	}
	.facts .cont {
		width: 50%;
	}
	.facts-conter dt {
		margin-left: 0;
		float: none;
	}
	.facts-conter dd {
		width: 60%;
		margin-left: 44px;
		float: left;
	}
	.safety dl {
		float: left;
	}
	.safety .row {
		width: 61.4%;
		margin: 0 auto;
	}
	.cabinet .container .col-md-6 {
		width: 50%;
		float: left;
		display: inline-block;
	}
	.cabinet .container .col-md-4 {
		float: left;
		display: inline-block;
		width: 40%;
	}
	.solution,
	.services {
		min-height: 430px;
	}
	.solution .icon,
	.services .icon {
		margin-top: 200px;
		font-size: 34px;
	}
	.solution .i_con,
	.services .i_con {
		font-size: 20px;
	}
	.qualification .container {
		padding: 30px 10px;
	}
	.qualification .container .row .col-md-3 {
		width: 25%;
		float: left;
	}
	.join h1 {
		margin-bottom: -20px;
	}
	.join .row>div {
		margin-top: 100px;
	}
	.client .col-md-4:nth-of-type(2) {
		width: 100%;
	}
	.client .col-md-4:nth-of-type(2) img {
		width: 60%;
		margin: 50px 0 0 20%;
		text-align: center;
	}
	.client .row .left dt,
	.client .row .left dd,
	.client .row .right dt,
	.client .row .right dd {
		float: none;
		margin: 0;
	}
	.client .row .left dd:nth-of-type(1),
	.client .row .right dd:nth-of-type(1) {
		margin: 0;
	}
	.client .row .left {
		width: 100%;
	}
	.client .row dl {
		float: left;
		width: 33%;
		margin-bottom: 100px;
		text-align: center;
	}
	.operation .col-md-12 img,
	.platform .col-md-12 img {
		width: 100%;
	}
	.operation .row .icon .col-md-4,
	.platform .row .icon .col-md-4 {
		width: 50%;
		float: left;
		padding: 10px 20px;
	}
	.support .row .icon dl {
		width: 50%;
		float: left;
		margin: 30px 0;
		padding-left: 30px;
	}
	.support .row .icon dl:nth-of-type(4),
	.support .row .icon dl:nth-of-type(5),
	.support .row .icon dl:nth-of-type(6) {
		margin-top: 30px;
	}
	.support .row .icon dl dd {
		width: 100%;
	}
	.conter .col-md-6 {
		width: 100%;
	}
	.ownmenu ul.dropdown,
	.ownmenu ul.dropdown li ul.dropdown {
		width: 250px!important;
	}
	.ownmenu ul.dropdown,
	.ownmenu ul.dropdown li ul.dropdown {
		padding: 20px;
	}
	header .ownmenu ul.dropdown {
		padding: 0;
	}
	header nav .ownmenu li {
		float: left;
		margin: 0 20px;
	}
	header .quotes a {
		padding: 0 15px;
		font-size: 14px;
	}
	header .navbar li a {
		padding: 25px 20px;
	}
	.heading h1 {
		font-weight: 400;
		font-size: 55px;
		font-family: 'Montserrat', sans-serif;
		color: #040404;
	}
	.heading.text-left {
		position: relative;
		top: -20px;
	}
	.heading.text-left p {
		font-size: 14px;
	}
	.welcome article {
		margin-bottom: 30px;
	}
	.promos {
		text-align: center;
	}
	.promos .text-right {
		text-align: center;
	}
	.top-info-con ul li {
		float: left;
	}
	.top-info-con ul {
		text-align: left;
	}
	.procsss {
		position: relative;
		margin-top: 0;
		top: 0;
	}
	.procsss .container {
		width: 100%;
	}
	.procsss ul {
		padding: 30px 0;
	}
	.call-out {
		text-align: center;
	}
	.call-out h4 {
		line-height: 40px;
		margin-bottom: 20px;
	}
	.heading {
		width: 100%;
	}
	.what-we-do .rotatebox {
		min-height: auto;
		line-height: normal;
	}
	.services .tab-content {
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	.emergency {
		text-align: center;
	}
	.emergency .text-right {
		text-align: center;
	}
	.news .post-detail article {
		margin-bottom: 30px;
	}
	.latest-work .col-4 .item.filter-home {
		width: 100%;
	}
	.latest-work .col-4 .item.filter-home li {
		display: inline-block;
		width: auto;
	}
	.latest-work .col-4 .item.filter-home li a {
		padding: 0 10px;
		margin-top: -2px;
	}
	.latest-work .position-center-center {
		width: 100%;
		text-align: center;
	}
	.latest-work .col-4 .item {
		width: 33.3333%;
	}
	.team ul li {
		width: 50%;
		float: left;
		margin-bottom: 30px;
	}
	.clients ul li {
		float: left;
		width: 33.3333%;
		padding: 0;
	}
	.footer-info .col-md-1 {
		display: none;
	}
	.footer-info .col-md-2 {
		width: 1/3;
		padding: 35px;
	}
	.footer-info .col-md-4 {
		width: 2/3;
		padding: 10px 50px;
	}
	.latest-work .filter {
		min-height: 80px;
		display: inline-block;
		width: 100%;
	}
	.services .nav-tabs {
		display: inline-block;
		width: 100%;
	}
	.offer-services li {
		width: 33.333%;
	}
	.offer-services li .position-center-center {
		width: 100%;
	}
	header .search-nav ul.dropdown {
		width: 100%!important;
	}
	header .ownmenu .look-book .nav-img {
		width: 70px;
		margin-right: 10px;
	}
	header .ownmenu .look-book .media-heading {
		margin-top: 0;
		margin-bottom: 10px;
	}
	header .ownmenu li>.megamenu .col-sm-3 {
		width: 50%;
	}
	header .ownmenu li>.megamenu li a {
		padding: 5px 0;
	}
	header .ownmenu .look-book .media-body a {
		padding: 5px 0 0 0;
	}
	header .ownmenu>li>.megamenu.full-width .nav-post .col-sm-3 {
		width: 50%;
	}
	header .ownmenu ul.dropdown li a {
		letter-spacing: 1px;
	}
	.what-we-do .rotatebox {
		width: 50%;
		float: left;
	}
	.what-we-do .rotatebox:nth-child(3) {
		width: 100%;
	}
	.services {
		padding-left: 0;
	}
	.team .social li {
		width: 100%;
	}
	.media.padding-right-100 {
		padding-right: 0!important;
	}
	.testi .owl-nav {
		left: 50%;
		bottom: -40px;
	}
	.tab-pane.text-right {
		text-align: center;
	}
	.services .nav-tabs {
		text-align: center;
	}
	.services .nav-tabs li {
		float: none;
		display: inline-block;
		text-align: left;
	}
	.portfolio.style-2 li.item {
		width: 50%!important;
	}
	.counter ul li {
		width: 50%;
		margin-bottom: 30px;
	}
	header {
		padding: 0;
	}
	header .logo {
		width: 100%;
		margin: 0;
		text-align: center;
		border: none;
	}
	header .navbar li a {
		padding: 20px 0;
	}
	.menu-toggle {
		position: absolute;
		top: -78px;
		left: 0;
		margin: 0;
	}
	.header-normal .menu-toggle {
		right: 0;
		left: auto;
		top: -43px;
		background: rgba(0, 0, 0, 0.9);
		border-radius: 4px;
	}
	.header-normal .logo {
		position: relative;
		margin-top: 17px;
	}
	.header-normal.header-2 .logo {
		margin-top: 17px;
	}
	.header-normal .ownmenu {
		float: left;
	}
	.header-normal .navbar {
		width: 100%;
	}
	.header-normal {
		display: inline-block;
		width: 100%;
		float: left;
		min-height: 80px;
	}
	.header-1 .social_icons {
		position: absolute;
		top: -52px;
		left: 0;
		margin-top: 0;
	}
	header.header-1 .menu-toggle {
		right: 0;
		left: auto;
		top: -65px;
	}
	header.header-1 .webimenu {
		width: 100%;
		display: inline-block;
		float: left;
	}
	header.header-1 .navbar {
		float: left;
	}
	.ownmenu ul.dropdown,
	.ownmenu ul.dropdown li ul.dropdown {
		padding: 0;
	}
	.ownmenu ul.dropdown li ul.dropdown {
		left: auto;
		top: 0!important;
		background: #272727;
		right: 100%;
	}
	header .navbar li.active a:before {
		left: 0;
	}
	header .navbar {
		width: 100%;
	}
	.top-bar {
		width: 100%;
	}
	header .quotes a {
		margin-right: 0;
	}
	header .logo a {
		margin-top: 0;
	}
	header .logo {
		height: auto;
		overflow: hidden;
	}
	header .logo:before {
		width: 100%;
		left: 100%;
	}
	header .logo:after {
		right: 0;
	}
	.banner .icon-boxs h4 {
		margin: 20px 0;
	}
	.latest-work .filter {
		top: 0;
		position: relative;
		margin-bottom: 20px;
		min-height: auto;
	}
	.members li {
		width: 50%;
	}
	.req-quote .col-md-6.pull-right {
		width: 100%;
	}
	.req-quote form {
		margin-bottom: 50px;
		display: inline-block;
		width: 100%;
	}
	.shipper {
		margin-top: 0;
	}
	.sub-bnr .position-center-center {
		width: 100%;
	}
	.portfolio-wrapper .items .item {
		width: 50%;
	}
	footer h5 {
		display: inline-block;
		width: 100%;
		margin-top: 30px;
	}
	footer .text-post {
		float: left;
		width: auto;
		margin-left: 20px;
	}
	footer .subcribe {
		margin-bottom: 0;
	}
	.gallery .col-6 li {
		width: 33.3333%;
	}
	.gallery .col-6 li img {
		width: 100%;
	}
	.team .col-md-3 {
		width: 50%;
		float: left;
		margin-bottom: 30px;
	}
	.foot-info-con li {
		width: 50%;
		float: left;
		margin-bottom: 30px;
	}
	footer h6 {
		display: inline-block;
		width: 100%;
		margin-top: 30px;
		margin-bottom: 10px;
	}
	header.header-1 .logo {
		margin-top: 20px;
	}
	.services li {
		float: left;
		width: 50%;
	}
	.col-4.gallery .item {
		width: 50%;
	}
	.team .col-md-4 {
		float: left;
		width: 50%;
		margin-bottom: 30px;
	}
	.work-process li {
		float: left;
		width: 50%;
		margin-bottom: 30px;
	}
	.feature-img {
		position: relative;
		width: 100%;
		left: 0;
	}
	.clients-img li {
		width: 33.3333%;
		margin-bottom: 30px;
	}
	.photography li {
		width: 33.3333%;
	}
	.photography li img {
		width: 100%;
	}
	.facts .col-md-3 {
		width: 50%;
		float: left;
	}
	
	.menu-toggle {
    position: absolute;
    right: 15px;
    left: auto;
    margin: -13px auto;
    top: -55px;
    width: 55px;
    line-height: 55px;
    height: 55px;
    text-align: center;
    padding: 0;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.9);
}
.menu-toggle {
    text-align: center;
    color: #fff;
    font-size: 30px;
}
}

@media(max-width:768px) {
	header .logo img{
		width: 120%;
	}
	.clients-img li {
		width: 33.3333%;
		margin-bottom: 30px;
	}
	.block h4,
	.white h4 {
		font-size: 22px;
	}
	.support .row .icon dl {
		float: left;
		margin: 30px 0;
		padding: 0 30px;
		width: 50%;
	}
	.cooper .container .col-md-12 .col-md-3 {
		width: 50%;
		float: left;
		display: inline-block;
	}
	.webimenu ul .sub-menu>a:after {
		content: '\f105';
		margin: 0;
		font-family: 'FontAwesome';
		position: absolute;
		right: 10px;
	}
	.build-feature .col-md-3 {
		width: 50%;
		float: left;
	}
	.why-choose img {
        width: 80%;
    }
	.facts .col-md-3 {
		width: 50%;
		float: left;
	}
	.facts .cont {
		width: 50%;
	}
	.facts-conter {
		width: 100%;
		margin: 25px auto;
	}
	.facts-conter dt,
	.facts-conter dd {
		font-size: 14px;
		width: 100%;
		float: none;
		text-align: center;
		margin-left: 24px;
	}
	.safety .row dl {
        width: 33.33%;
        float: left;
    }
    .safety .row dl dd{
        font-size: 12px;
        line-height: 20px;
        margin-top: 10px;
    }
    .safety .row dl dd:nth-of-type(2){
    	margin-top: 0;
    }
	.fun .row dl {
		width: 25%;
		float: left;
	}
	.banner .container {
		margin-top: -350px;
	}
	.xin .container icon-boxs {
		padding: 20px 0 0 0;
	}
	.cabinet .container .col-md-6 {
		margin: 0;
		text-align: center;
		padding: 0;
	}
	.cabinet .heading.text-center {
		padding: 30px 0 10px 0;
		margin: 10px 0;
	}
	.cabinet .container .col-md-4 .post-info {
		margin-top: 20px;
	}
	.cabinet .container .col-md-4 {
		margin-left: 0;
		text-align: center;
	}
	.cabinet .col-md-4 article p {
		text-align: left;
	}
	.solution,
	.services {
		min-height: 430px;
	}
	.solution .icon,
	.services .icon {
		margin-top: 200px;
		font-size: 24px;
	}
	.solution .i_con,
	.services .i_con {
		font-size: 12px;
	}
	.solution .i_con br {
		display: block;
	}
	.services .i_con {
		width: 65%;
	}
	.qualification {
		margin-bottom: 50px;
	}
	.qualification .container .row .col-md-3 {
		width: 50%;
		float: left;
	}
	.operation .col-md-12 img,
	.platform .col-md-12 img {
		width: 100%;
	}
	.operation .row .icon .col-md-4,
	.platform .row .icon .col-md-4 {
		width: 50%;
		margin-top: 20px;
		padding: 10px 20px;
		float: left;
	}
	.operation .row .icon .col-md-4 dl,
	.platform .row .icon .col-md-4 dl {
		width: 70%;
	}
	.support .row .icon dl {
		float: left;
		margin: 30px 0;
		padding: 0 30px;
	}
	.support .row .icon dl:nth-of-type(4),
	.support .row .icon dl:nth-of-type(5),
	.support .row .icon dl:nth-of-type(6) {
		margin-top: 30px;
	}
	.support .row .icon dl dd {
		width: 100%;
	}
	.about .container .icon-boxs .intro {
		padding: 0 20px;
	}
	.kernel .col-md-12 {
		padding: 30px 20px;
	}
	.kernel h4 br {
		display: block;
	}
	.kernel .bor {
		height: auto;
		border-left: 6px #FA0200 solid;
	}
	.about .stage{
        min-height: 430px;
    }
    .about_icon{
    	top: -260px;
    }
	.conter .col-md-6 {
		width: 100%;
	}
	.padding-top-50 {
		padding-top: 0!important;
	}
	.text-right img {
		margin-top: 30px;
	}
	.photography li {
		width: 50%;
	}
	.photography li img {
		width: 100%;
	}
	.footer-info .col-md-2{
	    width: 33%;
	    text-align: center;
	    padding-left: 15px;
	    padding-right: 15px;
    }
    .footer-info .col-md-4 {
	    width: 100%;
		padding: 10px 50px;
		margin-top: 20px;
    }
	.banner .icon-boxs h4 {
		margin-top: 50px;
		margin-bottom: -50px;
	}
	.heading p {
		width: 100%;
	}
	.sock.text-right {
		position: relative;
		top: 50px;
		text-align: center;
	}
	.sock.text-right h1 {
		font-size: 55px;
	}
	.sock.text-right p {
		margin: 20px 0 50px 0;
		font-size: 16px;
		text-align: center;
	}
	.client .col-md-4:nth-of-type(2) {
		width: 100%;
	}
	.client .col-md-4:nth-of-type(2) img {
		width: 60%;
		margin: 50px 0 0 20%;
		text-align: center;
	}
	.client .row .left dt,
	.client .row .left dd,
	.client .row .right dt,
	.client .row .right dd {
		float: none;
		margin: 0;
	}
	.client .row .left dd:nth-of-type(1),
	.client .row .right dd:nth-of-type(1) {
		margin: 0;
	}
	.client .row .left {
		width: 100%;
	}
	.client .row dl {
		float: left;
		width: 33%;
		margin-bottom: 100px;
		text-align: center;
	}
	.cooper .container .col-md-12 .col-md-3{
		width: 33.33%;
	}
	
	header.header-1 .logo {
		float: left;
		width: auto;
		padding-left: 15px;
	}
	header.header-1 .logo {
		margin-top: 0;
	}
	header.header-1 .navbar {
		border: none;
	}
	header.header-1 .webimenu {
		display: inline-block;
	}
	header .social_icons {
		position: absolute;
		top: -40px;
		right: 120px;
		margin-top: 0;
	}
	.header-1 .is-sticky .navbar {
		min-height: 45px;
	}
	.heading.text-left .message dl:nth-of-type(1){
		margin-left: 10px;
	}
	.heading.text-left .message dl {
		margin: 40px 34px 0 10px;
	}
	.heading.text-left .message dl img {
		width: 30px;
		height: 30px;
		position: relative;
		top: -7px;
	}
	.heading.text-left .message dl dd:nth-of-type(2) {
		float: left;
	}
	.work-process li {
		float: left;
		width: 50%;
		margin-bottom: 30px;
	}
	.feature-img {
		position: relative;
		width: 100%;
		left: 0;
	}
	.feature-item ul {
		display: inline-block;
		width: 100%;
	}
	.under-port {
		text-align: center;
	}
	.under-port h6 {
		text-align: center;
		margin-bottom: 30px;
	}
	.under-port .text-right {
		text-align: center;
		margin-top: 30px;
	}
	.pricing article {
		margin-bottom: 30px;
	}
	.feature-item li {
		width: 50%;
	}
	.col-4.gallery .item {
		width: 50%;
	}
	.sub-bnr .position-center-center {
		width: 100%;
	}
	.portfolio-wrapper .items .item {
		width: 50%;
	}
	.top-info-con ul li.fst {
		width: 50%;
		float: left;
	}
	.top-info-con ul li {
		width: 50%;
		float: left;
		margin: 0;
		border: none;
	}
	.top-info-con ul li.lst {
		width: 100%;
	}
	.news .post-detail article {
		margin-bottom: 30px;
	}
	.header-normal .sticky-wrapper.is-sticky .social_icons {
		margin-top: 20px;
	}
	.header-normal .menu-toggle {
		right: 0;
	}
	.offer-services li {
		width: 50%;
	}
	.offer-services li .position-center-center {
		width: 100%;
	}
	.tab-pane.text-right {
		text-align: center;
	}
	.media.padding-right-100 {
		padding-right: 0!important;
	}
	header .navbar li a:before {
		bottom: 0;
	}
	header .navbar li.active a:before {
		bottom: 0;
	}
	.top-right ul {
		text-align: center;
	}
	.top-right ul li .media {
		text-align: left;
	}
	header .navbar li a {
		padding: 0 20px;
		padding-top: 10px;
		padding-bottom: 12px;
	}
	.header-normal .navbar li a {
		padding: 20px;
		box-sizing: border-box;
	}
	.top-right ul li {
		float: none;
	}
	header .quotes {
		width: 100%;
	}
	header .quotes a {
		width: 100%;
		height: 50px;
		line-height: 50px;
	}
	header .navbar li {
		position: relative;
		z-index: 9;
		margin: 0;
	}
	.ownmenu>li>.megamenu.full-width {
		margin-left: 0;
		padding: 0;
	}
	.ownmenu>li>.megamenu.full-width li.sub-menu {
		background: #222;
		padding: 0 40px;
	}
	.ownmenu>li>.megamenu h6 {
		margin-top: 30px;
	}
	.top-right {
		width: 100%;
	}
	.top-right ul {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
		display: inline-block;
	}
	.testi .owl-nav {
		left: 50%;
		bottom: -40px;
	}
	.sub-bnr h4 {
		margin-top: 0;
	}
	.sub-bnr {
		min-height: 350px;
	}
	footer .text-post {
		float: left;
		width: auto;
		margin-left: 20px;
	}
	.heading span {
		width: 100%;
	}
	#tabs {
		margin-bottom: 30px;
	}
	.ownmenu {
		width: 100%;
	}
	.menu-toggle span.icon {
		padding: 0;
		margin: 0;
	}
	.top-info-con {
		width: 100%;
	}
	.top-info-con li {
		float: left;
		padding-bottom: 20px;
	}
	header .logo:after {
		height: 120px;
		right: 0;
	}
	header .logo {
		margin: 0;
		padding: 10px 0;
	}
	header .ownmenu:before {
		display: none;
	}
	header .ownmenu:after {
		display: none;
	}
	header .logo a {
		margin-top: 0;
	}
	header .logo {
		position: relative;
		width: 100%;
		text-align: center;
	}
	header.header-1 .is-sticky .sticky .menu-toggle {
		top: 0;
	}
	header.header-1 .is-sticky .sticky .social_icons {
		top: 0;
		margin-top: 15px;
		left: 15px;
		right: auto;
	}
	header.header-1 .is-sticky .ownmenu {
		margin-top: 53px;
	}
	header.header-1 .logo {
		margin-bottom: 0;
	}
	header nav {
		float: none;
		width: 100%;
	}
	header nav .ownmenu .indicator {
		display: block;
	}
	header nav li a {
		display: inline-block;
		width: 100%;
		float: none;
	}
	.menu-toggle span {
		line-height: 44px;
		display: inline-block;
		width: 100%;
	}
	header.header-1 .is-sticky .sticky .menu-toggle {
		height: 45px;
	}
	header.header-1 .is-sticky .sticky .menu-toggle span {
		line-height: 45px;
	}
	.menu-toggle {
		text-align: center;
		color: #fff;
		font-size: 26px;
	}
	.menu-toggle span.title {
		margin: 0;
	}
	.ownmenu>li>a {
		padding: 10px 0;
		text-align: left;
	}
	.ownmenu .indicator {
		display: block;
	}
	header .social {
		width: 100%;
		display: inline-block;
		text-align: center;
		margin-bottom: 20px;
	}
	.procsss {
		position: relative;
		margin-top: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.8);
	}
	.what-we-do .rotatebox {
		width: 50%;
		float: left;
	}
	.what-we-do .rotatebox:nth-child(3) {
		width: 100%;
	}
	.procsss ul {
		padding: 30px 0;
	}
	.procsss .media {
		margin-bottom: 30px;
	}
	.call-out {
		text-align: center;
	}
	.call-out h4 {
		line-height: 40px;
		margin-bottom: 20px;
	}
	.heading {
		width: 100%;
	}
	.what-we-do .rotatebox {
		min-height: auto;
		line-height: normal;
	}
	.services .tab-content {
		display: inline-block;
		width: 100%;
		text-align: center;
	}
	.emergency {
		text-align: center;
	}
	.emergency .text-right {
		text-align: center;
	}
	.latest-work .col-4 .item.filter-home {
		width: 100%;
	}
	.latest-work .col-4 .item.filter-home li {
		display: inline-block;
		width: auto;
	}
	.latest-work .col-4 .item.filter-home li a {
		padding: 0 10px;
		margin-top: -2px;
	}
	.latest-work .position-center-center {
		width: 100%;
		text-align: center;
	}
	.latest-work .col-4 .item {
		width: 33.3333%;
	}
	.clients ul li {
		float: left;
		width: 33.3333%;
		padding: 0;
	}
	.go-down {
		display: none;
	}
	footer h4 {
		display: inline-block;
		width: 100%;
		margin: 50px 0;
		margin-bottom: 20px;
	}
	.footer-works>.col-md-3 {
		float: left;
		width: 33.3333%;
		margin: 0;
		padding: 10px;
	}
	.latest-work .filter {
		min-height: 80px;
		display: inline-block;
		width: 100%;
	}
	.services .nav-tabs {
		display: inline-block;
		width: 100%;
	}
	.latest-work .col-4 .item {
		width: 50%;
	}
	.port-item img {
		width: 100%;
	}
	.latest-work .filter {
		top: 0;
		position: relative;
		margin-bottom: 20px;
		min-height: auto;
	}
	.portfolio.style-2 li.item {
		width: 50%!important;
	}
	header {
		padding: 0;
	}
	header .logo {
		width: auto;
		padding: 20px 0;
		text-align: center;
		border: none;
		padding-bottom: 10px;
	}
	.header-normal .logo {
		padding: 0;
		position: relative;
		left: 0;
	}
	.header-normal.header-2 .logo {
		margin-top: 17px;
	}
	.header-normal .navbar {
		padding: 0;
	}
	.header-normal .menu-toggle {
		top: -65px;
	}
	.header-normal .navbar {
		min-height: auto;
	}
	header .navbar li a{
		font-size: 20px;
	}
	.header-normal .sticky-wrapper.is-sticky .menu-toggle {
		top: -52px;
	}
	.header-normal .sticky-wrapper.is-sticky .ownmenu {
		margin-top: 0;
	}
	.header-normal .ownmenu {
		margin-top: 0;
	}
	.header-normal {
		border: none;
	}
	.header-normal .sticky-wrapper.is-sticky .sticky .navbar li a {
		padding: 20px;
		box-sizing: border-box;
	}
	.header-normal .ownmenu ul.dropdown li a {
		line-height: 20px;
	}
	header .navbar li.active a:before {
		height: 1px;
	}
	.header-normal .ownmenu ul.dropdown li a {
		padding: 10px 40px!important;
	}
	header .navbar li a:before {
		height: 1px;
	}
	.ownmenu ul.dropdown li a {
		padding: 0 40px!important;
	}
	.header-normal .social_icons {
		top: 0;
		right: 120px;
	}
	.header-normal .navbar {
		width: 100%;
	}
	.feature-item {
		padding: 40px!important;
	}
	.list-style-featured li {
		margin-bottom: 10px;
	}
	.list-style-featured h4 {
		margin-top: 15px;
	}
	.testi {
		width: 100%;
	}
	.sub-footer {
		padding: 40px;
	}
	.menu-toggle {
		position: absolute;
		right: 15px;
		left: auto;
		margin: -10px auto;
		top: -55px;
		width: 50px;
		line-height: 50px;
		height: 50px;
		text-align: center;
		padding: 0;
		border-radius: 5px;
		background: rgba(0, 0, 0, 0.9);
	}
	header .navbar li a:before {
		left: 0;
	}
	.work-process li {
		margin-bottom: 30px;
	}
	.team article {
		margin-bottom: 30px;
		text-align: center;
	}
	header .ownmenu {
		background: rgba(0, 0, 0, 0.95);
		max-height: 450px;
		overflow-y: scroll;
	}
	header .navbar {
		width: 100%;
	}
	.top-bar {
		width: 100%;
	}
	header .quotes a {
		margin-right: 0;
		margin-bottom: 20px;
	}
	.heading p {
		width: 100%;
	}
	.members li {
		width: 50%;
		float: left;
	}
	.welcome .infro-con {
		margin-bottom: 30px;
	}
	.req-quote form {
		display: inline-block;
		width: 100%;
		margin-bottom: 50px;
	}
	.shipper {
		margin-top: 0;
	}
	.req-quote .pull-right {
		width: 100%;
	}
	.process li {
		width: 50%;
		float: left;
		margin-bottom: 30px;
	}
	.team .team-detail {
		margin-bottom: 80px;
	}
	.in-testi {
		width: 100%;
	}
	.fst-up {
		margin-top: -100px;
	}
	.sub-space {
		padding-left: 0;
	}
	.testimonial {
		background-size: cover;
	}
	.welcome article {
		margin-bottom: 30px;
	}
	.promos {
		text-align: center;
	}
	.promos .text-right {
		text-align: center;
	}
	footer .subcribe {
		margin-bottom: 0;
	}
	.gallery .col-6 li {
		width: 33.3333%;
	}
	.gallery .col-6 li img {
		width: 100%;
	}
	.team .col-md-3 {
		width: 50%;
		float: left;
		margin-bottom: 30px;
	}
	.foot-info-con li {
		width: 50%;
		float: left;
		margin-bottom: 30px;
	}
	footer h6 {
		display: inline-block;
		width: 100%;
		margin-top: 30px;
		margin-bottom: 10px;
	}
	.feature-item {
		padding: 0!important;
	}
	.picker_close {
		display: none;
	}
	body.margin-50 {
		margin: 10px!important;
	}
	body.margin-50:before {
		height: 10px;
	}
	body.margin-50 .space-nav .is-sticky .sticky {
		margin-top: 10px;
	}
	.header-normal {
		display: inline-block;
		width: 100%;
		min-height: 80px;
	}
	.header-normal.header-2 .menu-toggle {
		top: -43px;
	}
	.header-normal.header-2 .navbar li a {
		padding: 10px 0;
	}
	.header-normal.header-2 .ownmenu {
		background: #fff;
		margin-top: 15px;
	}
	.header-normal.header-2 .ownmenu ul.dropdown {
		background: #e9f2f4;
	}
}

@media(max-width:640px) {
	
	header .logo img{
		width: 130%;
	}
	.col-4.gallery .item {
		width: 100%;
	}
	.text-right img{
		margin-top: 10px;
	}
	.so.padding-bottom-100{
		padding-bottom: 50px !important;
	}
	.pc-banner.padding-bottom-50{
		padding-bottom: 0 !important;
	} 
	.serve .block,
	.pc-banner .block{
		padding-top: 58px;
	}
	.client .block {
	    padding: 50px 0 20px 0;
	}
	.client .row dl {
		float: none;
		width: 100%;
		line-height: 30px;
		margin-bottom: 0;
		text-align: center;
	}
	.client .row dl img{
		width: 80%;
		margin-top: -10px;
	}
	.client .row .left dt {
		float: left;
	}
	.client .row .right dt {
		float: right;
	}
	.client .left {
		width: 100%;
		margin-top: -70px;
		padding: 0 30px;
	}
	.client .right {
		width: 100%;
		margin: 0 auto;
		padding: 0 30px;
	}
	.client .left {
		margin-bottom: 50px;
	}
	.client .right {
		margin-top: -30px;
	}
	.client .col-md-4:nth-of-type(2) img{
		margin-top: 0;
		margin-bottom: 10px;
	}
	.client .row .left dd:nth-of-type(1),
	.client .row .right dd:nth-of-type(1){
		font-size: 16px;
	}
	.client .row .left dd,
	.client .row .right dd{
		font-size: 12px;
	}
	.operation .col-md-12 img,
	.platform .col-md-12 img {
		width: 100%;
	}
	.operation .row .icon .col-md-4:nth-of-type(1),
	.platform .row .icon .col-md-4:nth-of-type(1){
		margin-top: 20px;
	}
	.operation .row .icon .col-md-4,
	.platform .row .icon .col-md-4 {
		width: 100%;
		margin-top: 0;
		padding: 10px 20px;
	}
	
	.operation .row .icon .col-md-4 img,
	.platform .row .icon .col-md-4 img{
		width: 20%;
	}
	.operation .row .icon .col-md-4 dl,
	.platform .row .icon .col-md-4 dl {
		width: 70%;
	}
	.qualification .white{
		margin-top: -430px;
	}
	.qualification .container .row .col-md-3 {
		text-align: center;
		margin: 10px 0;
	}
	.qualification .container{
		padding: 50px;
	}
	.fun .white{
		margin-top: -30px;
	}
	.fun .row dl {
		width: 33.33%;
		float: left;
	}
	.fun .row dl img{
		width: 70%;
	}
	.fun .row dl dd{
		font-size: 14px;
	}
	.cooper .container .col-md-12 .col-md-4 img{
		width: 40%;
	}
	.cooper .container .col-md-12 .col-md-3 {
		width: 50%;
	}
	.support .white{
		margin-top: -30px;
	}
	.support .row .icon .col-md-4 img{
		width: 25%;
	}
	.why-choose img{
		width: 90%;
	}
	.kernel h4{
		font-size: 60px;
		line-height: 60px;
	}
	.kernel p.text{
		margin-top: 30px;
	}
	.img-responsive {
		display: block;
		max-width: 70%;
		height: auto;
	}
	.padding-top-100,
	.padding-bottom-100 {
		padding-top: 50px!important;
	}
	.heading.text-left h1 {
		font-size: 30px;
		margin-top: 0;
	}
	.heading.text-left p {
		line-height: 25px;
		font-size: 14px;
		margin-top: 0;
	}
	.heading.text-left .message dl {
		font-size: 12px;
	}
	.heading.text-left .message dl:nth-of-type(1) {
		margin-left: 10px;
	}
	.heading.text-left .message dl {
		width: 100%;
		margin: 10px 34px 0 10px;
	}
	.safety .row dl{
		width: 33%;
	}
	.safety .row dl:nth-of-type(3){
		width: 34%;
	}
	.safety .row dl img{
		width: 70%;
	}
	.socket img {
		width: 100%;
	}
	.sock.text-right {
		position: relative;
		top: 30px;
		text-align: center;
	}
	.sock.text-right h1 {
		font-size: 30px;
	}
	.sock.text-right p {
		font-size: 12px;
		text-align: center;
		margin-top: 0;
	}
	.facts .white{
		margin-top: -50px;
	}
	.facts .cont {
		width: 100%;
	}
	.footer-info {
		width: 100%;
		margin-left: 0;
	}
	.footer-info .col-md-1 {
		display: none;
	}
	.footer-info .col-md-2 {
		width: 50%;
		text-align: center;
		padding: 10px 0;
	}
	.footer-info .col-md-2 img {
		width: 75%;
	}
	.footer-info .col-md-4 {
		width: 91%;
		font-size: 12px;
		padding: 10px 0 0 0;
		margin-left: 15px;
	}
	.news-letter p {
		font-size: 12px;
	}
	.support .row .icon dl {
		float: none;
		width: 100%;
	}
	.menu-toggle {
    text-align: center;
    color: #fff;
    font-size: 24px;
}
.menu-toggle {
    position: absolute;
    right: 15px;
    left: auto;
    margin: 0 auto;
    top: -55px;
    width: 45px;
    line-height: 45px;
    height: 45px;
    text-align: center;
    padding: 0;
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.9);
}
}

@media(max-width:540px) {
	.offer-services li {
		width: 100%;
	}
	.feature-item li {
		width: 100%;
	}
	.feature-item {
		padding: 0!important;
	}
	.portfolio.style-2 li.item {
		width: 100%;
	}
	.offer-services li .position-center-center {
		width: 100%;
	}
	.services .nav-tabs li .img-responsive {
		height: 180px;
	}
	.latest-work .col-4 .item {
		width: 100%;
	}
	.team ul li {
		width: 100%;
	}
	.team ul li {
		width: 100%;
	}
	.team .social li {
		width: auto;
	}
	.gallery .col-6 li {
		width: 50%;
	}
	.gallery .col-6 li img {
		width: 100%;
	}
	.team .col-md-3 {
		width: 100%;
		float: left;
		margin-bottom: 30px;
	}
	header .social_icons {
		display: none;
	}
	.menu-toggle {
		left: auto;
		right: 20px;
	}
	header.header-1 .is-sticky .sticky .social_icons {
		display: block;
	}
}

@media(max-width:440px) {
	.top-info-con ul li {
		width: 100%;
	}
	.top-info-con ul li.lst {
		width: 100%;
	}
	header .logo:after {
		display: none;
	}
	header .logo:before {
		display: none;
	}
	.process li {
		width: 100%;
	}
	.portfolio-wrapper .items .item {
		width: 100%;
	}
	.top-info-con ul li.fst {
		width: 100%;
	}
	.some-latest li h3 {
		margin: 0;
	}
	.gallery .col-6 li {
		width: 100%;
	}
}

@media(max-width:320px) {
	.members li {
		width: 100%;
		float: left;
	}
	.letter-space-1 {
		font-size: 5px;
	}
	.footer-info .col-md-4 {
		width: 100%;
		padding-left: 7px;
	}
	.menu-toggle {
    text-align: center;
    color: #fff;
    font-size: 22px;
}
.menu-toggle {
    position: absolute;
    right: 15px;
    left: auto;
    margin: 3px auto;
    top: -55px;
    width: 40px;
    line-height: 40px;
    height: 40px;
    text-align: center;
    padding: 0;
    border-radius: 4px;
    background: rgba(0, 0, 0, 0.9);
}
}